前前言

嗨，大家好，我是 Lacie，您現在收看的是 Swift - 來吧！鐵人三十項 系列的第十一篇
在鐵人賽完結後，為保持持續做筆記的習慣
將會在我的 Medium 繼續撰寫文章，若有興趣者可前往觀看。

承上集

上集是在講解程式邏輯的部分，由於還未做 UI 美化的部分，看起來有點醜醜的
本集來看一下，實際上運用到的 Modifiers 有哪些（素材是課程提供的）

背景圖

首先是背景圖的部分，使用課程素材來當背景圖：

當然如果想要自己設顏色也是可以的

文字的修飾

因為放了深色背景圖的關係，故需要調整文字的顏色、順便再換個字型、加個陰影：

但有太多格要用一樣的設定，要複製很多次很麻煩，這時可以自訂自己的 ViewModifier：

再到 Text 那邊應用這個設定，即可省去不少麻煩：

重要值的修飾

某些值比較重要，需要比較顯眼的修飾，例如：目標分數、得分、局數
亦可再自建一個 ViewModifier 來省去麻煩：

另外，如果兩個 ViewModifier 的陰影都一樣，也可以自建一個 Shadow 的 ViewModifier 再套進其他 ViewModifier：

好了，現在長這樣：

按鈕的修飾

現在剩下按鈕的修飾，先來幫按鈕加上課程素材：

再來修飾按鈕裡面的文字：

在按鈕裡面塞個圖片：

為了不讓圖片呈現 default 的顏色，可以這樣做：

• 呈現原本的顏色
  
  

• 或是自訂顏色
  
  
  

幫 Slider 上個色

Slider 看起來灰灰的有點醜，幫它上個色吧：

最後 - Info Page 的修飾

由於 Info Page 的修飾也大同小異，故不再描述一下
最後修飾完了長這樣：

Raywenderlich 的課程也告一個段落
參考原始碼可以看 GitHub，接下來的篇章來複習及加深 Swift 的基礎觀念